<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/banner.css">
    <link rel="stylesheet" href="css/content.css">
    <link rel="stylesheet" href="css/shouji.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/copyright.css">
</head>
<body>
    <div class="header inner-c">
        <ul class="nav">
            <li><a href="#">魅族官网</a></li>
            <li><a href="#">魅族商城</a></li>
            <li><a href="#">Flyme</a></li>
            <li><a href="#">专卖店</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">社区</a></li>
        </ul>
        <div class="right">
            <a href="#" class="shoucang">我的收藏<i></i></a>
            <a href="#">我的订单</a>
            <a href="#">登录</a>
            <a href="#">注册</a>
        </div>
    </div>
    <div class="main inner-c">
        <a href="#"><img src="images/logo.png" alt="logo"></a>
        <ul>
            <li><a href="#">PRO手机</a></li>
            <li><a href="#">魅蓝手机</a></li>
            <li><a href="#">MX手机</a></li>
            <li><a href="#">精选配件</a></li>
            <li><a href="#">智能硬件</a></li>
        </ul>
    </div>
    <div class="banner">
        <ul class="menu">
            <li><a href="#">全部商品分类</a></li>
            <li><a href="#">手机</a></li>
            <li><a href="#">智能硬件</a></li>
            <li><a href="#">耳机&nbsp;<i>/</i>&nbsp;音箱</a></li>
            <li><a href="#">路由器&nbsp;<i>/</i>&nbsp;移动电源</a></li>
            <li><a href="#">保护套&nbsp;<i>/</i>&nbsp;后盖&nbsp;<i>/</i>&nbsp;贴膜</a></li>
            <li><a href="#">数据线&nbsp;<i>/</i>&nbsp;电源适配器</a></li>
            <li><a href="#">周边配件</a></li>
        </ul>
        <ul class="images">
            <li><a href="#"><img src="images/banner_r2_c2.png" alt="banner01"></a></li>
        </ul>
    </div>
    <div class="content inner-c">
        <ul class="icon-four">
            <li class="tongdao">
                <img src="images/shouji02.png" alt="shouji02">
                <span>M码通道</span>
            </li>
            <li class="huanxin">
                <img src="images/shouji03.png" alt="shouji03">
                <span>以旧换新</span>
            </li>
            <li class="yiwai">
                <img src="images/shouji01.png" alt="shouji01">
                <span>魅族意外保</span>
            </li>
            <li class="huigou">
                <img src="images/shouji04.png" alt="shouji04">
                <span>回购单查询</span>
            </li>
        </ul>  
        <ul>
            <li><a href="#"><img src="images/shouji05.jpg" alt="周一品牌日"></a></li>
            <li><a href="#"><img src="images/banner03.jpg" alt="魅蓝"></a></li>
            <li><a href="#"><img src="images/banner08.jpg" alt="标准"></a></li>
            <li><a href="#"><img src="images/banner02.png" alt="行车记录仪"></a></li>
        </ul>
    </div>
    <div class="shouji">
        <div>
            <h1>手机</h1>
            <a href="#">更多<i class="icon-more"></i></a>
        </div>
        <ul>
            <li>
                <span class="tip-remai">热卖</span>
                <img src="images/banner05.png" alt="手机">
                <dl>
                    <dt>
                        <span>魅蓝note3</span>
                    </dt>
                    <dd>
                        <span class="date">11日-12日&nbsp;限量开售</span>
                    </dd>
                    <dd>
                        <span class="color-red">￥&nbsp;799</span>
                    </dd>
                </dl>
            </li>
            <li>
                <img src="images/banner06.png" alt="手机">
                <dl>
                    <dt>
                        <span class="name">魅蓝3</span>
                    </dt>
                    <dd>
                        <span class="date">11日-12日&nbsp;公开版限量开售</span>
                    </dd>
                    <dd>
                        <span class="color-red price">￥&nbsp;599</span>
                    </dd>
                </dl>
            </li>
            <li>
                <span class="tip-remai">热卖</span>
                <img src="images/banner07.png" alt="手机">
                <dl>
                    <dt>
                        <span class="name">魅蓝3s</span>
                    </dt>
                    <dd>
                        <span class="date">11日-12日&nbsp;限量开售</span>
                    </dd>
                    <dd>
                        <span class="color-red price">￥&nbsp;699</span>
                    </dd>
                </dl>
            </li>
            <li>
                <span class="tip-tehui">特惠</span>
                <img src="images/banner04.png" alt="手机">
                <dl>
                    <dt>
                        <span class="text">魅蓝 metal</span>
                    </dt>
                    <dd>
                        <span class="date">领券立减100元</span>
                    </dd>
                    <dd>
                        <span class="color-red price">￥&nbsp;999</span>
                    </dd>
                </dl>
            </li>
            <li>
                <span class="tip-remai">热卖</span>
                <img src="images/banner01.png" alt="手机">
                <dl>
                    <dt>
                        <span class="name">魅蓝 E</span>
                    </dt>
                    <dd>
                        <span class="date">全网通&nbsp;多彩金属机身</span>
                    </dd>
                    <dd>
                        <span class="color-red price">￥&nbsp;1299</span>
                    </dd>
                </dl>
            </li>
        </ul>
    </div>
    <div class="footer inner-c">
        <div>
            <dl>
                <dt>
                    <span>帮助说明</span>
                </dt>
                <dd>
                    <ul>
                        <li><a href="#">支付方式</a></li>
                        <li><a href="#">配送说明</a></li>
                        <li><a href="#">售后服务</a></li>
                        <li><a href="#">付款帮助</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>
                    <span>Flyme</span>
                </dt>
                <dd>
                    <ul>
                        <li><a href="#">开放平台</a></li>
                        <li><a href="#">固件下载</a></li>
                        <li><a href="#">软件商店</a></li>
                        <li><a href="#">查找手机</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>
                    <span>关于我们</span>
                </dt>
                <dd>
                    <ul>
                        <li><a href="#">关于魅族</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">法律声明</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>
                    <span>关注我们</span>
                </dt>
                <dd>
                    <ul>
                        <li><a href="#">新浪微博</a></li>
                        <li><a href="#">腾讯微博</a></li>
                        <li><a href="#">QQ空间</a></li>
                        <li><a href="#">官方微信</a></li>
                    </ul>
                </dd>
            </dl>
            <div class="info">
                <p>24小时全国服务热线</p>
                <p>400-788-3333</p>
                <a href="#" class="btn"><i></i>24小时在线客服</a>
            </div>
        </div>
    </div>
    <div class="copyright inner-c">
        <span>@2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.</span>
        <span>备案号：粤ICP备13003602号-2</span>
        <span>经营许可证编号：粤B2-20130198</span>
        <div>
            <span>营业执照</span>
            <div class="yingye">
                <img src="images/footer-copy-1.png" alt="copy">
                <img src="images/copy2.png" alt="copy2">
                <img src="images/trust-icon.png" alt="copy3">
            </div>
        </div>
    </div>
</body>
</html>